<template>
  <t-tooltip :trigger="cpTooltipTrigger">
    <slot name="content" ></slot>
    <template #content>
      <slot name="title" >
        <span v-html="title"></span>
      </slot>
    </template>
  </t-tooltip>
</template>

<script>
export default {
  desc: '自定义提示框',
  components: {
  },
  name: 'customTooltip',
  props: {
    /**
     * @Description：输入提示信息
     * @Date 2023-10-10
     */
    title: {
      type: String,
      default: () => ''
    }
  },
  created() {
  },
  data() {
    return {
    }
  },
  methods: {

  },
  watch: {
  },
  computed: {
    cpTooltipTrigger() {
      return this.strings.isBlank(this.title) ? '' : 'hover'
    }
  }
}
</script>

<style lang="scss">
</style>
